<div  style="height: 500px;overflow: auto;">
    <p-tabView>
      <p-tabPanel header="基本信息">
        <div style="border: 1px solid #c7cdd9;margin-bottom: 10px;">
            <div class="row">
                <div class="form-group col-md-6">
                    <label for="supplierUnit">申请单编号： </label>
                    <label>{{ _processingOrderDto.requisitionCode}}</label>
                </div>
                <div class="form-group col-md-6">
                    <label for="supplierUnit">申请单位： </label>
                    <label>{{ _processingOrderDto.applyUnit}}</label>
                </div>

            </div>
            <div class="row">
                <div class="form-group col-md-12">
                    <label for="supplierUnit">合格供方单位： </label>
                    <label>{{ _processingOrderDto.supplierUnit}}</label>
                </div>
            </div>
        </div>
      </p-tabPanel>
      <p-tabPanel header="申请内容">
        <div style="border: 1px solid #c7cdd9;margin-bottom: 10px;">
          <div class="align-items-center">
            <!--<Primeng-TurboTable-Start>-->
                <div class="primeng-datatable-container">
                    <p-table #dataTable [value]="primengTableHelper.records"
                        rows="{{primengTableHelper.defaultRecordsCountPerPage}}" [paginator]="false" [lazy]="true"
                        sortField="code" [scrollable]="true" ScrollWidth="100%"
                        [responsive]="primengTableHelper.isResponsive"
                        [resizableColumns]="primengTableHelper.resizableColumns">
                        <ng-template pTemplate="header">
                            <tr>
                                <th style="width: 150px">
                                    任务号
                                </th>
                                <th style="width: 150px">
                                    产品图号
                                </th>
                                <th style="width: 150px">
                                    产品名称
                                </th>
                                <th style="width: 150px">
                                    申请数量
                                </th>
                                <th style="width: 130px">
                                    加工数量
                                </th>
                                <th style="width: 200px">
                                    加工状态
                                </th>
                                <th style="width: 130px">
                                    进度要求
                                </th>
                                <th style="width: 200px">
                                    材料提供
                                </th>
                                <th style="width: 100px">
                                    单价
                                </th>
                                <th style="width: 100px">
                                    金额
                                </th>
                                <th style="width: 200px">
                                    备注
                                </th>
                            </tr>
                        </ng-template>
                        <ng-template pTemplate="body" let-record let-columns="columns">
                            <tr>
                                <td style="width: 150px">
                                    <div [ngSwitch]="record.taskCode">
                                        <div *ngSwitchCase="">
                                            <div class="m-loader m-loader--warning"
                                                style="width: 30px; display: inline-block;">
                                            </div>
                                        </div>
                                        <div *ngSwitchDefault>
                                            <span class="m--font-bold">
                                                {{record.taskCode}}</span>
                                        </div>
                                    </div>
                                    <!-- {{record.taskCode}} -->
                                </td>
                                <td style="width: 150px">
                                    <div [ngSwitch]="record.picNo">
                                        <div *ngSwitchCase="">
                                            <div class="m-loader m-loader--warning"
                                                style="width: 30px; display: inline-block;">
                                            </div>
                                        </div>
                                        <div *ngSwitchDefault>
                                            <span class="m--font-bold">
                                                {{record.picNo}}</span>
                                        </div>
                                    </div>
                                    <!-- {{record.picNo}} -->
                                </td>
                                <td style="width: 150px">
                                    <div [ngSwitch]="record.taskName">
                                        <div *ngSwitchCase="">
                                            <div class="m-loader m-loader--warning"
                                                style="width: 30px; display: inline-block;">
                                            </div>
                                        </div>
                                        <div *ngSwitchDefault>
                                            <!-- <span
                                                        class="m-badge m-badge--info m-badge--dot"></span>&nbsp; -->
                                            <span class="m--font-bold">
                                                {{record.taskName}}</span>
                                        </div>
                                    </div>
                                    <!-- {{record.taskName}} -->
                                </td>
                                <td style="width: 150px">
                                    <div [ngSwitch]="record.outsourcingAmount">
                                        <div *ngSwitchCase="">
                                            <div class="m-loader m-loader--warning"
                                                style="width: 30px; display: inline-block;">
                                            </div>
                                        </div>
                                        <div *ngSwitchDefault>
                                            <span class="m--font-bold">
                                                {{record.outsourcingAmount}}</span>
                                        </div>
                                    </div>
                                </td>
                                <td style="width: 130px">
                                    {{record.processingAmount}}
                                </td>
                                <td style="width: 200px">
                                    {{record.processingStatus}}
                                </td>
                                <td style="width: 130px">
                                    {{record.progressRequest | momentFormat:'L'}}
                                </td>
                                <td style="width: 200px">
                                    {{record.materialSupply}}
                                </td>
                                <td style="width: 100px">
                                    {{record.unitPrice}}
                                </td>
                                <td style="width: 100px">
                                    {{record.unitPrice * record.processingAmount}}
                                </td>
                                <td style="width: 200px">
                                    {{record.explain}}
                                </td>
                            </tr>
                        </ng-template>
                    </p-table>
                    <div class="primeng-no-data" *ngIf="primengTableHelper.totalRecordsCount == 0">
                        {{'NoData' | localize}}
                    </div>
                    <div class="primeng-paging-container">
                        <p-paginator [rows]="primengTableHelper.defaultRecordsCountPerPage" #paginator
                            [totalRecords]="primengTableHelper.totalRecordsCount"
                            [rowsPerPageOptions]="primengTableHelper.predefinedRecordsCountPerPage">

                        </p-paginator>
                        <span class="total-records-count">
                            {{'TotalRecordsCount' | localize:primengTableHelper.totalRecordsCount}}
                        </span>
                    </div>
                </div>
            <!--<Primeng-TurboTable-End>-->
          </div>
        </div>

      </p-tabPanel>
      <p-tabPanel header="审批记录">
        <div style="border: 1px solid #c7cdd9;margin-bottom: 10px;">
          <app-flowApprovalRecord workflowid="{{workflowid}}"></app-flowApprovalRecord>
        </div>
      </p-tabPanel>
    </p-tabView>
  </div>
  <div class="row" style="display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;">
    <button [disabled]="saving" type="button" class="btn btn-primary2" (click)="audityes()">
        <i class="fa fa-save"></i> 同意
    </button>
    <button type="button" (click)="auditno()" class="btn btn-danger" [buttonBusy]="saving">
      <span>不同意</span>
    </button>
  </div>
